<script setup>
	import { onLoad } from '@dcloudio/uni-app'
	import { ref } from 'vue'
	
	const loading = ref(false)
	
	function next() {
		uni.navigateTo({url: '/pages/activity/applicant'})
	}
	
	onLoad(() => {
		loading.value = true
		setTimeout(() => {
			loading.value = false
		}, 500)
	})
</script>

<template>
	<view class="app-container">
		<view class="app-content">
			<image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2025-04-25/1745573865853_5.1-activity-bg.png"
				class="icon" mode="widthFix"></image>
		</view>
		<view class="app-bottom">
			<uv-button color="linear-gradient( 102deg, #FF6229 0%, #FF9945 100%)" shape="circle" text="立即参与" @click="next" :disabled="loading"></uv-button>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.app-container{
		padding-top: 2rpx;
		.app-content{
			min-height: calc(100vh - 114rpx);
			background-color: #DE4829;
			.icon{
				width: 100%;
				min-height: calc(100vh - 114rpx);
			}
		}
		.app-bottom{
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0rpx;
			height: 120rpx;
			padding: 16rpx 24rpx;
			background-color: #DE4829;
		}
	}
</style>